/* apes-timeline */

.apes-chatter-log-btn {
  margin: 0 10px 16px;
  text-align: right;
  .log-btn {
    line-height: 28px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    background: #12A1FF;
    border: 1px solid #12A1FF;
    padding: 0 15px;
    font-size: 13px;
    border-radius: 4px;
    height: 28px;
    color: #fff;
    &:hover {
      background-color: #0095f8;
      border-color: #0095f8;
    }
  }
}

.apes-chatter-log-more {
  text-align: center;
}
.apes-chatter-loading {
  text-align: center;
  position: relative;
  //top: 70px;
  left: -50px;
}

.apes-oaImg {
  text-align: center;
  .apes-card {
    overflow: auto;
  }
  .apes-oaImg-left {
    display: flex;
    align-items: center;
  }
  .apes-oaImg-left-text {
    padding-left: 16px;
  }
}

.k-line2 {
  display:inline-block;
  //background:#666;
  height:10px;
  width:10px;
  opacity:0;
  border-radius:50%;
  transform:translateX(-300px);
  background-color:#00a09d;
}
.k-line12-1 {
  animation:k-loadingS 4s infinite;
  animation-delay:.8s
}
.k-line12-2 {
  animation:k-loadingS 4s infinite;
  animation-delay:.7s
}
.k-line12-3 {
  animation:k-loadingS 4s infinite;
  animation-delay:.6s
}
.k-line12-4 {
  animation:k-loadingS 4s infinite;
  animation-delay:.5s
}
.k-line12-5 {
  animation:k-loadingS 4s infinite;
  animation-delay:.4s
}
.k-line12-6 {
  animation:k-loadingS 4s infinite;
  animation-delay:.3s
}
.k-line12-7 {
  animation:k-loadingS 4s infinite;
  animation-delay:.2s
}
.k-line12-8 {
  animation:k-loadingS 4s infinite;
  animation-delay:.1s
}

@keyframes k-loadingS {
  40% {
    transform: translateX(0);
    opacity: .8
  }
  100% {
    transform: translateX(300px);
    opacity: 0
  }
}


